<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>个人中心</title>
<%@include file="/view/common/js-css.jsp" %>
</head>
<body>
<div id="top-nav">
	<div id="logo">
		<img src="<%=request.getContextPath() %>/static/common/img/logo2.png" width="220px" height="70px"/>
	</div>
	<div id="nav-list">
		<ul>
			<li >
				<a href="index.html" class="active">
					<i class="fa fa-home"></i>
					<p>系统首页</p>
				</a>
			</li>
			<li>
				<a onclick="history.back();">
					<i class="fa fa-arrow-left"></i>
					<p>后退</p>
				</a>
			</li>

			<li>
				<a onclick="history.go();">
					<i class="fa fa-arrow-right"></i>
					<p>前进</p>
				</a>
			</li>
			<li>
				<a href="#">
					<i class="fa  fa-pencil-square-o"></i>
					<p>修改资料</p>
				</a>
			</li>
			<li>
				<a href="login.jsp">
					<i class="fa fa-power-off"></i>
					<p>退出系统</p>
				</a>
			</li>
		</ul>
	</div>
	<div id="rightbar">
		<div id="showtime"></div>
		<div id="user-center">
			<div id="imgbox">
				<a href="javascript:;">
					<img src="<%=request.getContextPath() %>/static/common/img/tx1.jpg" />
				</a>
			</div>
			<div id="dropdown">
				<ul>
					<li>
						<a href="#">个人中心</a>
					</li>
					<li>
						<a href="login.jsp">注销</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>

<div id="container">
	//左侧导航
	<div id="slidebar">
		<div class="occupy"><!--sort-up-->
			
		</div>
		<div id="photowrap">
			<div id="img">
				<!--连接到个人中心-->
				<a href="#"><img src="<%=request.getContextPath() %>/static/common/img/tx1.jpg" width="100px" height="100px" /></a>
			</div>
			<div id="userinfo">
				<p>${sessionScope.username }</p>
			</div>
		</div>
		
		<ul>
			<li class="item active">				
				<a href="<%=request.getContextPath() %>/view/common/main.jsp" target="iframe" class="active">
					<i class="left fa fa-home"></i>
					<!-- <p> -->首　　页<!-- </p> -->
					<i class="right"></i>
				</a>
			</li>
			<c:forEach items="${requestScope.mainMenus }" var="main">
				<li class="item">				
					<a href="javascript:;">
						${main.right_name }
						<i class="right fa fa-sort-desc"></i>
					</a>
					<dl>
						<c:forEach items="${requestScope.childMenus }" var="child">
							<c:if test="${child.parent_id==main.right_id }">
								<dd><a href="${child.right_url }" target="iframe" >${child.right_name }</a></dd>
							</c:if>
						</c:forEach>
					</dl>
				</li>
			</c:forEach>
		</ul>		
	</div>
	<div id="showbar">
		<div id="oppucation">
			。。。。。。。。
		</div>
		<div id="frameWrapper">
			<iframe name="iframe" frameborder="no" class="frame" border="0" framespacing="0" src="<%=request.getContextPath() %>/view/common/main.jsp" width="100%" height="100%" style="position:fixed;bottom:0px;right:0px;">

			</iframe>		
		</div>
	</div>
</div>
<div class="outeroccupy">
</div>
<script>
function changeClock()
{
    var d = new Date();
    document.getElementById("showtime").innerHTML = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
}
window.setInterval(changeClock, 1000);
</script>
</body>
</html>